<!DOCTYPE html>

<html lang="pt-br">
    <head>
        <title>Seu Portal de Receitas - Home</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="content-language" content="pt-br">
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="js/jquery-ui-1.11.1.custom/jquery-ui.css">
        <script type="text/javascript" src="js/validation.js" ></script>
        <link rel="stylesheet" href="js/jquery-ui-1.11.1.custom/jquery-ui.css">
        <script type="text/javascript" src="js/jquery-ui-1.11.1.custom/jquery-ui.js" charset="utf-8"></script>
        <link rel="stylesheet" href="template.css">
    </head>
    <body>
        <div class="center">


            <header>
                <img src="imagens/chefLogo.png" alt="logo do site" title="Bem Vindo!"/>
                <h1><a href="">Receitas do Cheff</a></h1>
                <div class="additional">
                    <div class="header-search">
                        <form id="search" name="search" action="#" method="post">
                            <input type="text" placeholder="Pesquisar no site" id="main-search">
                            <input id="busca" type="submit" value="">
                        </form>
                    </div>

                    <div id="acessibilidade">
                        <a href="#conteudo">Saltar para conteudo principal</a>
                        <a href="#" id="changefonts" onclick="fontChange()">Aumentar Fonte</a>
                        <input id="font" type="hidden" value="aumentar">
                    </div>
                </div>
            </header>        

            <nav> <!--menu-->
                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li>Categorias
                        <ul>
                            <li><a href="categorias/Bolos/index_categoria.html">Bolos</a></li>
                            <li><a href="categorias/Tortas/index_categoria.html">Tortas</a></li>
                            <li><a href="categorias/Massas/index_categoria.html">Massas</a></li>
                            <li><a href="categorias/Paes/index_categoria.html">Pães</a></li>
                        </ul>
                    </li>
                    <li><a href="entrar.html">Login</a></li>
                    <li><a href="cadastro_receita.html">Sugerir Receita!</a></li>                    
                </ul>
            </nav>

            <section class="recipes" id="conteudo"> <!--Conteudo Principal-->

                <article class="home">
                    <h2>Mini Pães Recheados</h2>
                    <a href="categorias/Paes/detalhes_paes1.html"><img src="categorias/Paes/imagens/paes1.jpg" alt="Foto dos Mini Pães Recheados" title="Mini paes" /></a>

                    <p><strong>Nota: 4,5</strong></p>
                    <p><a class="more-info" href="categorias/Paes/detalhes_paes1.html">Mais Informaçoes...</a></p>
                </article>

                <article class="home">
                    <h2>Pães de alho caseiro (churrasco ou Forno elétrico)</h2>
                    <a href="categorias/Paes/detalhes_paes2.html"><img src="categorias/Paes/imagens/paes2.jpg" alt="Foto dos Pães de alhos" title="Mini paes" /></a>

                    <p><strong>Nota: 4,5</strong></p>
                    <p><a class="more-info" href="categorias/Paes/detalhes_paes2.html">Mais Informaçoes...</a></p>
                </article>

                <article class="home">
                    <h2>Bolo de batata - doce</h2>
                    <img src="imagens/bolo_batata_docejpg" alt="Bolo de batata doce" title="bolo recheado" />

                    <p><strong>Nota: 4 </strong></p>
                    <p><a class="more-info" href="">Mais Informaçoes...</a></p>
                </article>

                <article class="home">
                    <h2>Bolo de Cenoura</h2>
                    <a href="categorias/Bolos/detalhes_bolo2.html"><img src="categorias/Bolos/imagens/bolo2.jpg" alt="Bolo de cenoura" title="HUMMMM" /></a>

                    <p><strong>Nota: 3,5</strong></p>
                    <p><a class="more-info" href="categorias/Bolos/detalhes_bolo2.html">Mais Informaçoes...</a></p>
                </article>

                <article class="home">
                    <h2>Bolo de Mousse de Chocolate</h2>
                    <a href="categorias/Bolos/detalhes_bolo1.html"><img src="categorias/Bolos/imagens/bolo1.jpg" alt="Imagem do Bolo de mouse" title="HUMMMM" /></a>

                    <p><strong>Nota: 5</strong></p>
                    <p><a class="more-info" href="categorias/Bolos/detalhes_bolo1.html">Mais Informaçoes...</a></p>
                </article>
                <article class="home">
                    <h2>Pudim de Gemas</h2>
                    <img src="imagens/pudimGemas.jpg" alt="Pudim de Gemas imagem geral" title="Pudim! HUMMMM" />

                    <strong>Nota:4,5</strong>
                    <a class="more-info" href="">Mais Informaçoes...</a>
                </article>
                <article class="home">
                    <h2>Recheado de presunto</h2>
                    <a href="categorias/Massas/detalhes_massa1.html"><img src="categorias/Massas/imagens/massa1.jpg" alt="Imagem do Recheado de presunto" title="HUMMMM" /></a>

                    <p><strong>Nota: 5</strong></p>
                    <p><a class="more-info" href="categorias/Massas/detalhes_massa1.html">Mais Informaçoes...</a></p>
                </article>
                <article class="home">
                    <h2>Massa de coco</h2>
                    <a href="categorias/Massas/detalhes_massa2.html"><img src="categorias/Massas/imagens/massa2.jpg" alt="Imagem do Massa de coco" title="HUMMMM" /></a>

                    <p><strong>Nota: 3,5</strong></p>
                    <p><a class="more-info" href="categorias/Massas/detalhes_massa2.html">Mais Informaçoes...</a></p>
                </article>

                <article class="home">
                    <h2>Pão de Ló</h2>
                    <img src="imagens/paoDeLo.jpg" alt="Pão de Ló" title="HUMMMM" />

                    <p><strong>Nota: 2,5</strong></p>
                    <a class="more-info" href="">Mais Informaçoes...</a>
                </article>

            </section>

            <aside>
                <h3>Top 3 por Categoria</h3> <!--Listagem com os mais bem avaliados-->
                <ol>
                    <li>Bolos
                        <ul>
                            <li><a href="">Bolo1, Nota: 10</a></li>
                            <li><a href="">Bolo2, Nota: 9,7</a></li>
                            <li><a href="">Bolo3, Nota: 8,2</a></li>
                        </ul>
                    </li>
                    <li>Tortas
                        <ul>
                            <li>Torta1</li>
                            <li>Torta2</li>
                            <li>Torta3</li>                            
                        </ul>
                    </li>
                    <li>Massas
                        <ul>
                            <li>Massa1</li>
                            <li>Massa2</li>
                            <li>Massa3</li>

                        </ul>
                    </li>

                </ol>
            </aside>


        </div>

        <footer class="clear">
            <p>Receitas do Cheff</p>
            <p>Desenvolvido por:</p>
            <ul class="member">
                <li>Afonso Expedito da Silva, 7572791</li>
                <li>Cleiton Duarte Pereira, 7572804</li>
            </ul>

        </footer>

    </body>
</html>
